<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@ include file="/static/web/jsp/include.jsp"%>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的-我的账户</title>
    <meta name="description" content="网站描述" />
    <meta name="keywords" content="关键词" />
    <link rel="stylesheet" href="${path}/static/web/style/style.css">
    <link rel="stylesheet" href="${path}/static/web/style/hizoom.css">
    <link rel="stylesheet" href="${path}/static/web/style/page_nav.css">
    <link rel="stylesheet" href="${path}/static/web/style/art.css">
</head>
<body>
    <!-- 导航 -->
    <%@ include file="/static/web/jsp/top.jsp"%>

    <!-- 详情内容 -->
    <div class="model_container" id="mineController" v-cloak>
        <div class="link_sprite">当前位置：<a href="">首页</a> &#155; <a href="">个人中心</a> &#155; <a href="">我的账户</a></div>

        <div class="model_container clearfix">
            <!-- 我的中心导航 -->
            <%@ include file="/static/web/jsp/mine_nav.jsp"%>

            <!-- 右侧内容区 -->
            <div class="mine_aside">

                <div class="account_head">
                    <div class="account_box">
                        <p class="account_item">会员费:<span class="red">¥{{money.vipMoney}}</span></p>
                        <p class="account_item">保证金:<span class="red">¥{{money.bashMoney}}</span></p>
                    </div>
                    <div class="account_tabs">
                        <a class="tab_item" :class="{'active':type==1}" @click="type=1" href="javascript:void(0);">会员充值记录</a>
                        <a class="tab_item" :class="{'active':type==2}" @click="type=2" href="javascript:void(0);">保证金充值记录</a>
                    </div>
                </div>

                <div class="record_list block_box">
                    <ul>
                        <li v-for="item in logs">
                            <span class="c_gray">{{item.time}}</span><span>{{item.type==1?'会员':'保证金'}}{{item.state==1?'充值':'退款'}}</span><span class="red">{{item.state==1?'+':'-'}}{{item.money}}</span>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>

    <!-- 客服 -->
    <%@ include file="/static/web/jsp/footer.jsp"%>

</body>
<%--<script src="./js/jquery.min.js"></script>--%>
<script src="${path}/static/web/js/jquery.nicescroll.js"></script>
<script src="${path}/static/web/js/art.js"></script>
<script src="${path}/static/web/js/biz/mine_accounts.js"></script>
<script type="text/javascript">


    function showScroll(box){
        $(box).niceScroll({
            cursorcolor: "#ccc",
            cursoropacitymax: 1,
            touchbehavior: false,
            cursorwidth: "5px", 
            cursorborder: "0", //
            cursorborderradius: "5px",
            autohidemode: true 
        });
    }
</script>

</html>